/**
 * 
 */
jQuery.noConflict();
jQuery(document).ready(function($) {
	$('.profile-item').click(function() {
		// alert('1');
		$('.profile-item').removeClass('active');
		$(this).addClass('active');
		$("#button-step-3").fadeIn();
	});

	// Code that uses jQuery's $ can follow here.
	var hs = $("#horizontal_slider").slider({
		min : 500,
		max : 1500,
		value : 700,
	// handle : "square",
	}).on('slide', function(ev) {
		var vla = $(this).data('slider');
		$('#window_width').val(vla.getValue());

	});

	$("#window_width").val(hs.data('slider').getValue());

	$("#window_width").change(function() {
		// alert($(this).val());
		hs.slider('setValue', $(this).val());
		$("#window_width").val(hs.data('slider').getValue());
	});

	var vs = $("#vertical_slider").slider({
		min : 500,
		max : 1500,
		value : 1300,
		orientation : "vertical",
		// handle : "square",
		selection : "after",
		reversed : true,
	}).on('slide', function(ev) {
		var vlb = $(this).data('slider');
		$('#window_height').val(1500 - vlb.getValue() + 500);

	});

	$("#window_height").val(1500 + 500 - vs.data('slider').getValue());

	$("#window_height").change(function() {
		// alert($(this).val());
		vs.slider('setValue', 1500 + 500 - $(this).val());
		$("#window_height").val(1500 + 500 - vs.data('slider').getValue());
	});

	/*
	 * var chWindiwHeight = function () {
	 * $('#window_height').val(vs.getValue()); };
	 * 
	 * var vs = $("#vertical_slider").slider({ min : 1500, max : 500,
	 * orientation : "vertical", handle : "square",
	 * }).on('slide',chWindiwHeight).data('slider');
	 */
	// var tm = $("#vertical_slider");
	// var vs=$("#vertical_slider").slider({
	// min : 1500,
	// max : 500,
	// value: 1000,
	// orientation : "vertical",
	// handle : "square",
	// }).on('slide',function(ev){
	// var vla=$(this).data('slider');
	// $('#window_height').val(vla.getValue());
	// }).data('slider');
	// tm.attr("id","#vertical_slider");
	$(".style_block > img").click(function() {
		// alert("1");
		tsrc = $(this).attr("src");
		// alert(tsrc);
		$("#window_type_canvas_img").attr("src", tsrc);
		$("#myModal").modal("hide");
	});

	$(".profile-item").click(function() {
		// alert("1");
		// alert(tsrc);
		$("#window_profile_canvas").html($(this).html());
		$("#profileModal").modal("hide");

	});

	$("#window_type_canvas").click(function() {
		// alert("1");
		$('#myModal').modal('show');
	});

	$("#window_profile_canvas").click(function() {
		// alert("1");
		$('#profileModal').modal('show');
	});

	// $('#button-step-2,#button-step-3,.button-step-next').click(function(){
	$('.button-step-next').click(function() {
		// alert(2);
		$("#steps").animate({
			marginLeft : '-=850px'
		}, 500);
	});
	// $('#button-step-1,.button-step-prev').click(function(){
	$('.button-step-prev').click(function() {
		$("#steps").animate({
			marginLeft : '+=850px'
		}, 500);
	});

	$('.slider.slider-vertical').css('height', '100%');

	$('.slider.slider-horizontal').css('width', '100%');

	$('.laminat_item').click(function() {
		$('.laminat_item').removeClass('active');
		$(this).addClass('active');
	});
	$('.tooltiptest').tooltip();

	$(".laminat_item").click(function(){
		 $("#window_canvas").css("backgroundColor",$(this).css("backgroundColor"));
	 });

});
